//私有组件
const app = new Vue({
  el: "#app",
  //注册组件
  data: {
    arr: [
      { name: "苹果", price: "1000" },
      { name: "华为", price: "2000" },
    ],
  },
  components: {
    //组件名
    componentA: {
      //模板语法，如果有多个标签，需要一个根标签div包住
      template: 
      `<div>
          <ul>
            <li v-for= "i in arr">
            {{i}}
            </li>
          </ul>
      </div>`,
    },
  },
});
